<style>
    body {
        background: #f6f6f6;
    }
</style>
<div ng-include="'html/component/nav.html'" ng-controller="NavCtrl"></div>
<div class="member_add_wrap">
    <div class="top_tab"> <span class="tab step_01 curr" ng-click="newMemberTel()" ng-class="add_curr1">1、<!--手机号-->{{language.TIPS_TEL}}</span><span class="tab step_02" ng-click="newMemberNecessary()" ng-class="add_curr2">2、{{language.MSG_REQUIRED_FIELDS}}<!--必填信息--></span><span class="tab step_03" ng-click="newMemberOptional()" ng-class="add_curr3">3、{{language.MSG_OPTIONAL_FIELDS}}<!--选填信息--></span> </div>
    <div class="fill_in_cont">
        <div class="cont_box" ng-show="curr == 'newMemberTel'">
            <p class="row_wrap">
                <label class="title"><!--手机号-->{{language.TIPS_TEL}}：</label>
                <input type="text" ng-pattern="/^(0|86|17951)?((13[0-9])|(15[012356789])|(17[0135678])|(18[0-9])|(14[579]))[0-9]{8}$/" required ng-model="memberData.tel"/>
            </p>
            <p class="row_wrap">
                <label class="title"><!--手机号-->{{language.TIPS_RETYPE}}：</label>
                <input type="text" ng-pattern="/^(0|86|17951)?((13[0-9])|(15[012356789])|(17[0135678])|(18[0-9])|(14[579]))[0-9]{8}$/" required ng-model="memberData.tel2"/>
            </p>
            <p class="row_wrap">
                <label class="title"><!--姓名-->{{language.TIPS_NAME}}：</label>
                <input type="text"  required ng-model="memberData.name" />
            </p>
            <p class="step_wrap">
                <button class="step" ng-show="curr == 'newMemberTel'"ng-click="newMemberNecessary()"> <!--下一步--> {{language.ACT_NEXT}}</button>
            </p>
        </div>
        <div class="cont_box" ng-show="curr == 'newMemberNecessary'">
            <p class="row_wrap">
                <label class="title"><!--生日-->{{language.TIPS_BIRTHDAY}}：</label>
                <input type="date" ng-model="memberData.birthday"  required/>
            </p>
            <p class="row_wrap">
                <label class="title"><!--性别-->{{language.TIPS_SEX}}：</label>
                <span class="radio_wrap">
                    <input type="radio" name="customer_sex" id="customer_sex1" value="1" ng-model="memberData.sex" />
                    <label for="customer_sex1" ng-class="{true:'curr',false:''}[memberData.sex == 1]"><!--男-->{{language.COMMON_MALE}}</label>
                    <input type="radio" name="customer_sex" id="customer_sex2" value="2" ng-model="memberData.sex"/>
                    <label for="customer_sex2" ng-class="{true:'curr',false:''}[memberData.sex == 2]"><!--女-->{{language.COMMON_FEMALE}}</label>
                </span> </p>
            <p class="row_wrap"> 
                <!--                        <label class="title">导购工号:</label>
                                        <input type="text" ng-model="memberData.daogou"/>-->
                <label class="title"><!--导购工号-->{{language.TIPS_GUIDE_USER_CODE}}：</label>
                <select ng-model="memberData.UserCode" required ng-options="li.UserCode as li.UserName for li in memberGuide">
                    <!--     		<option value=""><!--请选择导购员--><!--{{language.MSG_GUIDE_REQUIRED}}</option>-->
                </select>
            </p>
            <p class="row_wrap">
                <label class="title"><!--邮箱-->{{language.TIPS_EMAIL}}：</label>
                <input type="text"  ng-model="memberData.email" value = '' ng-change="changeEmail();" ng-blur="toChangeEmail();" /> 
            </p>
            <ul class="email_tips"  ng-show = "hasEmail"  >
                <li ng-click="changeMemberEmail('1');" >{{memberData.email}}qq.com</li>
                <li ng-click="changeMemberEmail('2');" >{{memberData.email}}163.com</li>
                <li ng-click="changeMemberEmail('3');" >{{memberData.email}}126.com</li>
                <li ng-click="changeMemberEmail('4');" >{{memberData.email}}gmail.com</li>
                <li ng-click="changeMemberEmail('5');" >{{memberData.email}}hotmail.com</li>
                <li ng-click="changeMemberEmail('6');" >{{memberData.email}}sina.com</li>
                <li ng-click="changeMemberEmail('7');" >{{memberData.email}}sohu.com</li>
            </ul> 
            <p class="row_wrap">
                <label class="title"><!--是否有实体卡-->{{language.TIPS_PHYSICAL_CARD}}:</label>
                <span class="radio_wrap">
                    <input type="radio" name="customer_card" id="customer_card1" value="1" ng-model="memberData.card" ng-click="changeCard1();"/>
                    <label for="customer_card1" ng-class="{true:'curr',false:''}[memberData.card == 1]"><!--是-->{{language.COMMON_YES}}</label>
                    <input type="radio" name="customer_card" id="customer_card2" value="2" ng-model="memberData.card" ng-click="changeCard2();"/>
                    <label for="customer_card2" ng-class="{true:'curr',false:''}[memberData.card == 2]"><!--否-->{{language.COMMON_NO}}</label>
                </span> </p>
            <p class="row_wrap" ng-show="{{purview['\/MemberAddCtrl\/memberType'].show}}">
                <label class="title"><!--会员卡类别-->{{language.TIPS_VIP_CATEGORY}}:</label>
                <select ng-model="memberData.memberCategory" required ng-options="li.cate_code as li.cate_name for li in VIP_category">
                    <!--     		<option value=""><!--请选择导购员--><!--{{language.MSG_GUIDE_REQUIRED}}</option>-->
                </select>
            </p>
            <p class="row_wrap">
                <label class="title" ng-show="memberData.card == '1'" ><!--卡号-->{{language.TIPS_CARD_NO}}：</label>
                <input type="text" ng-show="memberData.card == '1'" required ng-model="memberData.cardNo"/>
            </p>
            <p class="step_wrap">
                <button class="step" ng-show="curr == 'newMemberNecessary'" ng-click="newMemberOptional()"><!-- 下一步-->{{language.ACT_NEXT}} </button>
            </p>
        </div>
        <div class="cont_box" ng-show="curr == 'newMemberOptional'">
            <p class="row_wrap">
                <label class="title"><!--推荐人手机-->{{language.TIPS_RECOMMENDED_TEL}}：</label>
                <input type="text" ng-model="memberData.rTel"/>
            </p>
            <p class="row_wrap">
                <label class="title"><!--省市区-->{{language.TIPS_REGIONS}}：</label>
                <span class="cityset_box" ng-click="memberCitySet()">
                    <input type="text" class="citySelector" name="province" id="province" readonly />
                    <input type="text" class="citySelector" name="city" id="city" readonly />
                    <input type="text" class="citySelector" name="district" id="district" readonly />
                </span> </p>
            <p class="row_wrap">
                <label  class="title"><!--肤质-->{{language.TIPS_SKIN}}：</label>
                <span class="radio_wrap">
                    <input type="radio" name="customer_skin" id="{{'customer_skin' + skin.skin_code}}" value="{{skin.skin_code}}" ng-model="memberData.skin" ng-repeat="skin in skinType"/>
                    <label for="{{'customer_skin' + skin.skin_code}}" ng-repeat="skin in skinType" ng-class="{true:'curr',false:''}[memberData.skin =={{skin.skin_code}}]">{{skin.skin_name}}</label>
                </span> </p>
            <p class="row_wrap">
                <label  class="title"><!--地址-->{{language.TIPS_ADDRESS}}：</label>
                <input type="text" name="address" id="address" placeholder="" value="" ng-model="memberData.address" />
            </p>
            <p class="row_wrap">
                <label  class="title"><!--QQ号-->{{language.TIPS_QQ}}：</label>
                <input type="text" name="qq" id="qq" placeholder="" value="" ng-model="memberData.qq" />
            </p>
            <p class="row_wrap">
                <label  class="title"><!--微信号-->{{language.TIPS_WEIXIN}}：</label>
                <input type="text" name="weixin" id="weixin" placeholder="" value="" ng-model="memberData.weixin"/>
            </p>
            <p class="step_wrap">
                <button class="step"  ng-show="curr == 'newMemberOptional'" ng-click="memberAddForm(memberData)"  ng-click="cityclose()">
                    <!-- 保 存-->{{language.ACT_SAVE}}
                </button>
            </p>
        </div>
    </div>
</div>
